<template>
  <el-row>
    <el-col :span="20"/>
    <el-button @click="RedirectToHomePage">登出</el-button>
  </el-row>
  <el-row/>
  <el-row/>
  <el-row/>
  <el-row>
    <el-col :span="10"/>
    <el-col :span="2">
      <el-button @click="RedirectToRecallWordPage">开始背诵</el-button>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="10"/>
    <el-col :span="2">
      <el-button @click="RedirectToDictSelectPage">选择字典</el-button>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="10"/>
    <el-col :span="2">
      <el-button @click="RedirectToAccountPage">账号设置</el-button>
    </el-col>
  </el-row>
  <!-- 临时增加加入字典的页面 -->
  <el-row>
    <el-col :span="10"/>
    <el-col :span="2">
      <el-button @click="RedirectToTempAdminConfigPage">临时特殊设置</el-button>
    </el-col>
  </el-row>
  <el-row/>
  <el-row/>
  <el-row/>
  <el-row/>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter();
function RedirectToRecallWordPage(){
  router.push('recall-word')
}
function RedirectToDictSelectPage(){
  router.push('dict-select')
}
function RedirectToAccountPage(){
  router.push('account')
}
function RedirectToHomePage(){
  router.push('home')
}

function RedirectToTempAdminConfigPage(){
  router.push('admin')
}
</script>

<style scoped>
.el-row {
  margin-bottom: 10px;
  min-height: 20px;
}
.el-col {
  margin: 10px;
}
</style>
